<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"
      xmlns="http://www.w3.org/1999/html">

<head>
    <meta content="text/html;charset = utf-8" http-equiv="content-type">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <title>商家入驻审批</title>
    <link rel="stylesheet" href="../lib/basic/css/bootstrap.min.css">
    <link href="../lib/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="../lib/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css"/>
    <link href="../home/css/personal.css" rel="stylesheet" type="text/css">
    <link href="../home/css/infstyle.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="../lib/jquery/jquery.min.js"></script>
    <script src="../lib/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>
    <script src="../lib/vue/2.4.2/vue.min.js"></script>
    <script src="../home/js/bootstrap.min.js"></script>
    <link type="text/css" href="../home/css/sellsenter.css" rel="stylesheet" />
    <script src="../home/js/vue.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../lib/elementui/1.4.3/theme-default/index.css">
    <script src="../lib/elementui/1.4.3/index.js"></script>
</head>
<body>
<div id="shopEnterExamine">
                    <!--商家信息列表 -->
                    <template>
                        <el-table :data="shopDataList.slice((currentPage-1)*pagesize,currentPage*pagesize)" border stripe style="position: relative;margin-bottom: 50px;" width="100%" :row-class-name="tableRowClassName" header-align="center">
                            <el-table-column prop="companyName" label="公司名称" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column prop="tel" label="公司电话" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column prop="mail" label="公司联系邮箱" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column prop="affiliatedRegional" label="所在区域" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column prop="institutionCode" label="组织机构代码" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column prop="idCardNo" label="法人代表身份证" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column prop="businessModel" label="经营模式" show-overflow-tooltip align="center">
                            </el-table-column>
                            <el-table-column label="操作" width="196" id="column" align="center">
                                <template scope="scope">
                                    <el-button size="small" id="button1" type="primary" icon="el-icon-sold-out" @click="toPass(scope.row,'true')">审核通过</el-button>
                                    <el-button size="small" id="button2" type="primary" data-toggle="modal" data-target="#DetailModal" icon="el-icon-sold-out" @click="toDetailPass(scope.row)">查看详情</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                        <el-pagination @size-change="handleSizeChange(size,0)" @current-change="handleCurrentChange(currentPage,0)"   :page-sizes="[10, 20, 30, 40]" :current-page.sync="currentPage" :page-size="pagesize" layout="total, prev, pager, next" :total="shopDataList.length" style="position: absolute;right: 50px;bottom: 10px;"></el-pagination>
                    </template>
    <div class="clear"></div>
    <div class="modal fade" id="DetailModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document" style="margin-left: 0px;">
            <div class="modal-content" style="width: 1300px;margin: auto;top:-85px;height: auto;" >
                <div class="modal-body" style="margin-top: 20px;">
                    <ul class="form-group" id="shopEnter">
                        <li id="sellLi" style="float: left;width: auto;max-width: 240px;overflow: hidden;white-space:nowrap;">
                            <h1 for="message-text" class="control-label" style="text-align: center;font-size: 20px;margin-bottom: 20px;">商家详情</h1>
                            <span>公司名称：<b>{{MerchantUnit.companyName}}</b></span><br><br>
                            <span>电话：<b>{{MerchantUnit.tel}}</b></span><br><br>
                            <span>邮箱：<b>{{MerchantUnit.mail}}</b></span><br><br>
                            <span>公司地址：<b>{{MerchantUnit.affiliatedRegional}}</b></span><br><br>
                            <span>创建时间：<b>{{MerchantUnit.creationTime}}</b></span><br><br>
                            <span>修改时间：<b>{{MerchantUnit.updateTime}}</b></span><br><br>
                            <span>身份证号：<b>{{MerchantUnit.idCardNo}}</b></span><br><br>
                            <span>统一社会信用代码：<b>{{MerchantUnit.institutionCode}}</b></span><br><br>
                            <span>经营模式：<b>{{MerchantUnit.businessModel}}</b></span><br><br>
                            <span>入围包：<b id="seer"  >{{MerchantUnit.goodsType}}</b></span><br><br>
                            <div id="ert"><span id="ertspan" style="font-size: 14px;font-weight: normal">{{MerchantUnit.goodsType}}</span></div>
                            <span>公司Logo：</span><br>
                           <img id="imgLogo" v-bind:src="MerchantUnit.companyLogo" :title="MerchantUnit.companyName">
                        </li>
                        <li style="float: left;" align="center;" >
                            <a href="#" class="am-close" data-dismiss="modal"style="float: right;margin-top: -20px;">&times;</a>
                            <h1 for="message-text" class="control-label" style="font-size: 20px;margin-bottom: 20px;margin-left: 400px;">商品信息</h1>
                            <div align="right" style="margin: 0 -50px 5px 0;">
                                <input type="text" id="search" v-model="searchion" placeholder="请输入该商家对应的商品名称" style="height: 33px;position: relative; width: 305px;border-radius: 4px;border: solid 1px #d1dbe5;top:-2px;"/>
                                <el-button size="small" type="success" @click="search();" style="width: 80px;height: 32px;border-radius: 4px;position: relative;border: none;left: -84px;top:-1.5px;">搜索</el-button>
                            </div>
                            <div id="shopping" style="float: right; border-left: solid 1px green;min-height: 400px;width:1000px;">
                                <template>
                                    <el-table :data="Commodity.slice((currentPages-1)*pagesizes,currentPages*pagesizes)" border stripe  style="width: 970px;margin-left: 10px;" header-align="center">
                                        <el-table-column  prop="commodityName" label="商品名称"  show-overflow-tooltip>
                                        </el-table-column>
                                        <el-table-column prop="commodityMakPrc" label="市场价格" show-overflow-tooltip>
                                        </el-table-column>
                                        <el-table-column prop="commodityTrcPrc" label="入围价格" show-overflow-tooltip>
                                        </el-table-column>
                                        <el-table-column prop="salesGross" label="总销售量" show-overflow-tooltip>
                                        </el-table-column>
                                        <el-table-column prop="brand" label="品牌信息" show-overflow-tooltip>
                                        </el-table-column>
                                        <el-table-column prop="model" label="商品型号" show-overflow-tooltip>
                                        </el-table-column>
                                        <el-table-column prop="creationTime" label="创建时间" show-overflow-tooltip>
                                        </el-table-column>
                                        <el-table-column prop="quality" label="质保时间" show-overflow-tooltip >
                                        </el-table-column>
                                        <el-table-column prop="manufacturer" label="生产厂商" show-overflow-tooltip>
                                        </el-table-column>
                                            <el-table-column prop="install" label="操作" width="100" style="text-align: center">
                                                <template slot-scope="scope">
                                                    <el-tag style="width: 54px;"  v-if="scope.row.install==2"  @click.native="handleClick(scope.row);" type="success"><a href="javascript:void(0);" style="margin-left: 8px;">上架</a></el-tag>
                                                    <el-tag style="width: 54px;"  v-if="scope.row.install==1" @click.native="handleClick(scope.row);" type="warning"><a href="javascript:void(0);" style="margin-left: 8px;">下架</a></el-tag>
                                                </template>
                                            </el-table-column>

                                    </el-table>
                                    <el-pagination @size-change="handleSizeChange(size,1)" @current-change="handleCurrentChange(currentPages,1)"   :page-sizes="[10, 20, 30, 40]" :current-page.sync="currentPages" :page-size="pagesizes" layout="total, prev, pager, next" :total="Commodity.length" align="right" style="position: fixed;top: 540px;margin-left: 720px;"></el-pagination>
                                </template>
                           </div>
                        </li>
                        <div class="clear"></div>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="../charge/shopEnterExamine.js"></script>
<script>
    $('#DetailModal').on('show.bs.modal', function (event) {
        var button = $(event.relatedTarget) // 触发事件的按钮
        var recipient = button.data('whatever') // 解析出data-whatever内容
        var modal = $(this)

        modal.find('.modal-body input').val(recipient)
    });
</script>
</html>


